.smart-green {
  margin-left: auto;
  margin-right: auto;
  background: #F8F8F8;
  padding: 30px 30px 20px 30px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #666;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.question-title {
  display: flex;
  background: #0066FF;
  color: #fff;
  height: 2rem;
  justify-content: space-between;        
  align-items: center;
  padding:0 10px;
}

.submit_btn {
    border:1px solid #0033CC;
    background: #0066CC;
    color:#fff;
    padding:0.1rem 0.6rem;
    border-radius: 2px;
    font-size: 0.8rem;
}

.smart-green label {
  display: block;
  margin: 0px 0px 5px;
}

.smart-green label>span {
  float: left;
  margin-top: 10px;
  color: #5E5E5E;
}

.smart-green input[type="text"], .smart-green input[type="email"], .smart-green textarea, .smart-green select {
  color: #555;
  height: 30px;
  line-height: 15px;
  width: 100%;
  padding: 10px 0px 10px 10px;
  margin-top: 2px;
  border: 1px solid #E5E5E5;
  background: #FBFBFB;
  outline: 0;
  -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
  box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
  font: normal 14px/14px Arial, Helvetica, sans-serif;
}

.smart-green textarea {
  min-height: 300px;
  padding-top: 10px;
}


.smart-green .button {
  background-color: #0033CC;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-border-radius: 5px;
  border: none;
  padding: 10px 25px 10px 25px;
  color: #FFF;
  text-shadow: 1px 1px 1px #949494;
  display: none;
}
.smart-green .cancel {
  margin-left: 20px;
}

.smart-green .button:hover {
  background-color: #80A24A;
}

.smart-green span,.smart-green input{
  font-size:0.4rem
}

input,textarea{
  font-size:0.4rem !important;
}
.back {
  display: flex;
  color: white;
}

@media screen and (min-width: 1000px) {
  .submit_btn, .back {
    display: none;
  }
  .smart-green .button {
    display: inline-block;
  }
  .question-title {
    display: block;
    text-align: center;
  }
}
